@charset "utf-8";
@import "common";
/*法官台本*/
$doneColor:#92b7a5; //步骤完成颜色
$undoColor :#24a7c6; //默认颜色
$iconWidth: 3rem; //图标的宽
body {
    background-color: #dedede;
    padding-bottom: 6.5rem;
}
.gameState {
    width: 25rem;
    margin: 1rem auto;
    padding-bottom:2.5rem;
    border: 0.1rem solid #ccc;
    background-color: #fff;
    z-index: 1;
    .detail {
        margin-left: 3rem;
        border-left: 0.1rem solid #ccc;

    }
    .date {
        height: 4.5rem;
        line-height: 4.5rem;
        margin-bottom: -0.1rem;
        font-size: 1.5rem;
        color: rgb(41, 189, 224);
        text-align: center;
        background: url("../img/down.png") no-repeat 95% center;
        background-size: 2rem;
        border-bottom: 0.1rem solid #ccc;
    }
    .day,
    .night {
        position: relative;
        margin: 2.5rem auto 0;
        width: 90%;
    }
    .icon {
        position: absolute;
        left: -3rem;
        top: 0;
        width: $iconWidth;
        height: $iconWidth;
        border: 0.1rem solid #ccc;
        border-radius: 50%;
        background: url("../img/icon-day.png") no-repeat #fff;
        background-size: 100%;
        z-index: 2;
    }
    .night {
        .icon {
            background-position: 0 0;
        }
    }
    .day {
        .icon {
            background-position: 0 -1*$iconWidth;
        }
    }

    .btn {
        position: relative;
        display: block;
        height: 4rem;
        width: 90%;
        margin: 1rem 0.5rem 1rem auto;
        background: $doneColor;
        border: 0;
        outline: none;
        font-size: 1.5rem;
        color: #fff;
        .byKilled{
            position: absolute;
            top: -2rem;
            left: 0;
            color: #000;
            font-size: 1.4rem;
        }
        i {
            //小三角形
            position: absolute;
            left: -1rem;
            top: 1.5rem;
            display: block;
            border: 0.5rem solid transparent;
            border-right-color: $doneColor;
        }
        &.btn-step{
            background: $undoColor;
            i{
             border-right-color: $undoColor;   
            }
        }
    }
}
